@charset "utf-8";
@import "../../lib/reset";
@import "../../lib/com-color";

.wrapper{
  width:500px;
  height:400px;
  margin:30px auto;
  background: #cd5c5c;
}

/**
 ** 主题按钮颜色样式
 **/

/**
 ** 图片大小/头像主样式
 **/

/**
 ** icon
 **/
.arrow-down:after{
  position: absolute;
  content:"";
  border-top:4px solid @c3;
  border-left:4px solid transparent ;
  border-right:4px solid transparent;
  right:7px;
  top:50%;
  transform: translateY(-50%);
}

//按钮菜单
.menu-list {
  position: relative;
  width: 18px;
  height: 18px;
  margin-right: 3%;
  float: right;
  z-index: 10;

  li{
    position: relative;
    height: 2px;
    width: 100%;
    margin-top:6px;
    background-color: #f2f2f2;

    &:before{
      position: absolute;
      left: -6px;
      content: "";
      width: 3px;
      height: 2px;
      background: @cf;
    }
  }
}

//切换图箭头
.toggle-left:after,.toggle-right:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  border-top: 2px solid @cf2;
  border-right: 2px solid @cf2;
  top:0px;
}
.toggle-left:after{
  transform:rotateZ(-135deg);
  left:10px;
}
.toggle-right:after{
  transform:rotateZ(45deg);
  right:10px;
}